.taro_page{
  background: #f5f5f5;
  }
#user-baseinfo {
  // position: fixed;
  // left: 0;
  // right: 0;
  // top: 0;
  // bottom: 0;
  background: #f5f5f5;
}
.form-box {
  background: #fff;
  position: relative;
  position: relative;
}
.form-box:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1PX solid #ddd;
  content: ' ';
  width: 100%;
}
.form-box:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 1PX solid #ddd;
  content: ' ';
  width: 100%;
}
.form-list
    padding: 0;
    height: 98px;
    line-height: 98px;
    position: relative;
    display: flex
    align-items: center
    margin-left: 28px
    &:after
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      border-top: 1PX solid #ddd;
      content: " ";
      width: 100%;
    .form-title
      font-size: 32px;
    .label
        font-size: 28px;
        color: #333;
        // min-width: 100px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1em;
    .input
      font-size: 28px;
      color: #333;
.weui-input
  width: auto
.icon-more {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #333;
}
.buttonBox {
  margin-top: 84px;
}
.buttonBox.disable {
  pointer-events: none;
}
.selected-car-box {
  width: 75%;
  font-size: 0;
  position: absolute;
  left: 160px;
  top: -1PX;
  height: 98px;
  line-height: 98px;
  pointer-events: none;
}
.selected-car-box input {
  width: 44px;
  height: 44px;
  border: 1PX solid #ccc;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
  margin: 0 8px;
  -webkit-appearance: none;
  box-sizing: border-box;
}
.selected-car-box input:nth-child(2) {
  margin-top: -1px !important;
}
.selected-car-box input:last-child {
  border: 1px solid #2d4ed1;
}
.selected-car-box input:nth-child(3) {
  margin-right: 24px;
}
.selected-car-box .line {
  display: inline-block;
  width: 1PX;
  height: 44px;
  background: #ccc;
  vertical-align: middle;
  position: absolute;
  left: 126px;
  top: 24px;
}
.selectedValueBox {
  font-size: 0;
  position: absolute;
  left: 160px;
  top: 0px;
}
.selectedValueBox>input {
  width: 44px;
  height: 44px;
  border: 1PX solid #ccc;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
  margin: 0 8px;
  -webkit-appearance: none;
  pointer-events: none;
  margin-top :-4px !important;
  box-sizing: border-box;
}
.selectedValueBox input.first{
  margin-top: -2px !important;
}
.selectedValueBox input:nth-child(3) {
  margin-right: 24px;
}
.selectedValueBox .line {
  display: inline-block;
  width: 1PX;
  height: 44px;
  background: #ccc;
  vertical-align: middle;
  position: absolute;
  left: 126px;
  top: 24px;
}
.buttonBox {
  margin-top: 42px;
}
.sex-box {
  position: absolute;
  left: 112px;
  top: 0px;
  display: flex
  align-items: center
}
.sex-box.self-box {
  left: 336px;
}
.sex-box .span {
  width: 30px;
  height: 30px;
  border: 1PX solid #ccc;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 0px;
}
.sex-box .span.active {
  color: #46c33b;
  background: url("../../common/image/checked.png");
  border: none;
  width: 34px;
  height: 34px;
  background-size: 100%;
}
.sex-box .span:active {
  background: url("../../common/image/checked.png");
  border: none;
  width: 34px;
  height: 34px;
  background-size: 100%;
  
}
.sex-box .b {
  color: #333;
  margin: 0 13px 0 0px;
  vertical-align: middle;
  display: inline-block;
  padding-left: 14px; //--------------this
  font-size :28px
}
.get-code {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 49px;
  line-height: 49px;
  width: 109px;
  text-align: center;
}
.line {
  position: absolute;
  right: 104px;
  top: 0px;
  background: #ccc;
  width: 1px;
  height: 49px;
}
.h15 {
  padding-top: 30px;
}
.h10 {
  padding-top: 20px;
}

.selectedAreaWrap {
   display:inline-block;
    min-width:auto;
    position:absolute;
    left:88px;
    top:1px;
    width:100%;
  }
 .tips-status-box
  position:absolute
  left: 0
  top:0
  width: 100%
  height:100%
  background:#fff
  .ptc
    margin-top:30%
    position:relative
.carcolor
  position: absolute
  left:160px
  font-size:28px
  width: 80%
.list-box{
    padding: 30px 0
}

.list-box .ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 83%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

.list-box .ul .li{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    position: relative
}

.list-box .ul .li .img-box{
    width: 270px;
    height: 270px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 6px;
    border: 1PX solid #ddd
}

.list-box .ul .li .img-box .img{
    width: 100%;
    height: 100%
}

.list-box .ul .li .desc{
    width: 100%;
    text-align: center;
    margin-top: 22px;
    font-size: 28px
}

.list-box .ul .li .input{
    opacity: 0
}

.list-box .ul .li .inputBox,.list-box .ul .li .input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 270px
}